import React from 'react';
// import IDraw from 'idraw';
// const { is } = IDraw;

export function Visible(
  props?: {
    color?: string,
    className?: string,
    style?: React.StyleHTMLAttributes<'svg'>
  }
) {
  return (<svg 
    style={props.style} className={props.className} fill="currentColor"
    viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13757" width="400" height="400"><path d="M983.36 502.144a488.128 488.128 0 0 0-942.72 0L38.016 512l2.624 9.856a488.128 488.128 0 0 0 942.72 0L985.984 512l-2.624-9.856z m-128.64 121.664A412.096 412.096 0 0 1 116.736 512a412.096 412.096 0 0 1 790.272 0c-11.648 39.68-29.376 77.44-52.416 111.808zM512 342.976A169.216 169.216 0 0 0 343.04 512 169.216 169.216 0 0 0 512 680.96 169.216 169.216 0 0 0 680.96 512 169.216 169.216 0 0 0 512 343.04z m0 274.048a104.96 104.96 0 1 1 0-210.048 104.96 104.96 0 0 1 0 210.048z" p-id="13758" ></path></svg>)
}


export function InVisible(props?: {
  color?: string,
  className?: string,
  style?: React.StyleHTMLAttributes<'svg'>
}) {
  return (
  <svg style={props.style} className={props.className} fill="currentColor" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14246" data-spm-anchor-id="a313x.7781069.0.i10" width="400" height="400"><path d="M1003.6736 482.4064c-40.192-84.6336-88.0128-153.6512-143.4624-207.104l-58.112 58.1632c47.4112 45.312 88.7296 104.6016 124.416 178.432-95.0784 196.8128-230.0416 290.304-414.5152 290.304-55.3472 0-106.3424-8.5504-152.9856-25.6l-62.976 62.976c64.7168 29.952 136.704 44.9024 215.9616 44.9024 219.648 0 383.5392-114.432 491.6736-343.1936a68.864 68.864 0 0 0 0-58.88z m-72.704-366.4384l-48.64-48.7936a9.1648 9.1648 0 0 0-12.9536 0l-125.0304 124.928c-68.9152-35.1744-146.3296-52.736-232.3456-52.736-219.648 0-383.488 114.3808-491.6736 343.1424a68.9152 68.9152 0 0 0 0 58.88c43.2128 90.9824 95.232 163.84 156.0064 218.7264l-120.9344 120.9344a9.1648 9.1648 0 0 0 0 12.9024l48.7936 48.7936a9.1648 9.1648 0 0 0 12.9536 0L931.0208 128.9216a9.1648 9.1648 0 0 0 0-12.9536zM97.536 511.8976C192.7168 315.0848 327.68 221.5936 512 221.5936c62.3104 0 119.04 10.752 170.4448 32.4608l-80.384 80.384a201.1648 201.1648 0 0 0-272.128 272.128l-95.3344 95.3344c-52.736-46.592-98.2528-109.6704-137.1136-190.0032z m281.9584 0a128.1536 128.1536 0 0 1 167.0656-121.9072L385.536 550.912a128 128 0 0 1-6.0416-39.0656z" p-id="14247" data-spm-anchor-id="a313x.7781069.0.i11"  ></path><path d="M507.4432 640.0512c-3.9424 0-7.8336-0.1536-11.7248-0.512L435.3536 699.904a201.216 201.216 0 0 0 259.9424-259.8912L634.88 500.3776a128.4096 128.4096 0 0 1-36.864 102.2464 128 128 0 0 1-90.5728 37.4272z" p-id="14248" ></path></svg>)
}



